var contactContainer = Vue.extend({

data(){
  return{

  };
},
mounted: function() {
    this.$nextTick(function() {
        this.mapAmap();
    });
},
methods: {
	mapAmap(){
	    var map = new AMap.Map('container', {
	        resizeEnable: true,
	        center: [113.262135,23.379538],
	        zoom: 16
	    });
	    //实时路况图层
	    var trafficLayer = new AMap.TileLayer.Traffic({
	        zIndex: 10
	    });


	    trafficLayer.setMap(map);
		
	    var isVisible = true;
	    AMap.event.addDomListener(document.getElementById('control'), 'click', function() {
	        if (isVisible) {
	            trafficLayer.hide();
	            isVisible = false;
	        } else {
	            trafficLayer.show();
	            isVisible = true;
	        }
	    }, false);


	}
},
components:{

},
template:'\
<div>\
	<div><img src="images/case_banner.jpg" alt=""></div>\
	<div class="com_zi clearfix">\
	    <div class="left_zi">\
	        <div class="top_com">\
	            <span>联系我们</span></div>\
	        <ul class="nav_left">\
	            <li class="active"><a href="contact.html">联系方式</a></li>\
	            <li><a href="feedback.html">在线留言</a></li>\
	        </ul>\
	        <div class="pro_lei">\
	            <div class="top">新闻资讯</div>\
	            <ul class="left_g_new">\
	                <li><a href="news.html">鸡蛋上的喷码标记对健康有影响吗</a></li>\
	                <li><a href="news.html">激光喷码机有哪些优势</a></li>\
	                <li><a href="news.html">如何保障激光喷码机数据安全</a></li>\
	                <li><a href="news.html">激光喷码机用科技带动生产力</a></li>\
	                <li><a href="news.html">电子面单相较传统面单有哪些优势？</a></li>\
	            </ul>\
	        </div>\
	    </div>\
	    <div class="right_zi">\
	        <div class="bar clearfix">\
	            <span class="b_tt">联系我们</span>\
	            <span class="curbar">\
	                <i>您当前的位置：</i>\
	                <a href="index.html">首页</a>\
	                <a href="contact.html">联系我们</a>>\
	                <i>联系方式</i>\
	            </span>\
	        </div>\
	        <div class="cont_zi">\
	            <div class="contact_map">\
					<div id="container"></div>\
					<div id="tip">可以缩放地图，得到缩放级别！<br><span id="info"></span></div>\
					<div class="button-group">\
					    <input type="button" class="button" id="control" value="显示/隐藏实时路况"/>\
					</div>\
	            </div>\
	            <div class="con_cc">\
	                <div class="left">\
	                    <img src="images/contact_wei.jpg" alt="" />\
	                    <p>CONTACT US</p>\
	                </div>\
	                <ul class="right">\
	                    <li class="clearfix"><b>公司名称：</b><span>广州满启科技信息有限公司</span></li>\
	                    <li class="clearfix"><b>电话：</b><span>13527690441</span></li>\
	                    <li class="clearfix"><b>邮箱：</b><span><a href="mailto:42524073@QQ.COM">42524073@QQ.COM</a></span></li>\
	                    <li class="clearfix"><b>传真：</b><span>020-8888 8888</span></li>\
	                    <li class="clearfix"><b>地址：</b><span>广州市花都区清布十九队</span></li>\
	                </ul>\
	            </div>\
	        </div>\
	    </div>\
	</div>\
</div>\
',

});